<script type="text/javascript">
    jQuery(document).ready(function() {
        // Smart Wizard     
        jQuery('#wizard').smartWizard({onFinish: onFinishCallback});
        jQuery('#wizard2').smartWizard({onFinish: onFinishCallback});
        jQuery('#wizard3').smartWizard({onFinish: onFinishCallback});
        // Active Menu
        jQuery("#left-menu li#dashboard").removeClass("active");
        jQuery("#left-menu li#clinic").addClass("active");
        jQuery("#left-menu li#opd").removeClass("active");
        //Final Button Click
        function onFinishCallback() {
            alert('Save Record Clicked');
        }
        jQuery('select, input:checkbox').uniform();
    });

</script>
<div id="mainwrapper" class="mainwrapper">
    <!--HEADER STARTS -->
    <?php echo $this->element('header'); ?>
    <!--HEADER ENDS-->

    <div class="leftpanel">
        <!-- LEFT MENU -->
        <?php echo $this->element('side_menu'); ?>
    </div><!-- leftpanel -->

    <div class="rightpanel">
        <ul class="breadcrumbs">
            <li><a href="#"><i class="iconfa-home"></i></a> <span class="separator"></span></li>
            <li><a href="forms.html">OPD</a> <span class="separator"></span></li>
            <li>Schedule Consultation</li>
        </ul>
        <div class="pageheader">
            <form action="results.html" method="post" class="searchbar">
                <input type="text" name="keyword" placeholder="To search type and hit enter..." />
            </form>
            <div class="pageicon"><span class="iconfa-calendar"></span></div>
            <div class="pagetitle">
                <h5>OPD</h5>
                <h1>Schedule Consultation</h1>
            </div>
        </div><!--pageheader-->

        <div class="maincontent">
            <div class="maincontentinner">
                <div class="widgetbox box-inverse">
                    <!-- START OF TABBED WIZARD -->
                    <!--<h4 class="subtitle2">Tabbed Wizard</h4>
                    <br />-->
                    <form class="stdform" method="post" action="">
                        <div id="wizard3" class="wizard tabbedwizard">
                            <ul class="tabbedmenu">
                                <li>
                                    <a href="#wiz3step2">
                                        <span class="h2">FORM 1</span>
                                        <span class="label">Consultation Details</span>
                                    </a>
                                </li>
                            </ul> 

                            <div id="wiz3step2" class="formwiz">
                                <!--PATIENT DETAILS CALL-->
                                <?php echo $this->element('p_details'); ?>
                                <h4>Form 2: Consultation Details</h4>
                                <div>
                                    <div style="float:left; margin-left: -80px; padding-right: 60px">
                                        <p>
                                            <label>Reason</label>
                                            <input type="text" name="firstname" class="input-large" />
                                        </p>
                                        <p>
                                            <label>Doctor's Name</label>
                                            <select name="selection" id="selection" class="uniformselect" style="opacity:1 !important; border: solid 1px #ccc;">
                                                <option value="">Choose One</option>
                                                <option value="1">Doctor One</option>
                                                <option value="2">Doctor Two</option>
                                            </select>
                                        </p>

                                        <p>
                                            <label>Department</label>
                                            <select name="selection" id="selection" class="uniformselect" style="opacity:1 !important; border: solid 1px #ccc;">
                                                <option value="">Choose One</option>
                                                <option value="1">Department One</option>
                                                <option value="2">Department Two</option>
                                            </select>
                                        </p>
                                    </div>

                                    <div style="float:left; margin-left: -80px; padding-right: 60px">
                                        <p>
                                            <label>Priority</label>
                                            <input type="text" name="firstname" class="input-large" />
                                        </p>
                                        <p>
                                            <label>Start Date</label>
                                            <input type="date" name="lastname" class="input-large" />
                                        </p>

                                        <p>
                                            <label> End Date </label>
                                            <input type="date" name="lastname" class="input-large" />
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div><!--#wizard-->
                    </form>
                    <!-- END OF TABBED WIZARD -->
                </div><!--widgetcontent-->
            </div><!--widget-->
        </div><!--maincontent-->

    </div><!--rightpanel-->

</div><!--mainwrapper-->



